/* 自定义 */
.width100 {
  width: 100%;
}
.a-line {
  text-decoration: underline;
}
.size-s {
  font-size: 0.6rem !important;
}
.size-65 {
  font-size: 0.65rem !important;
}
.size-m {
  font-size: 0.7rem !important;
}
.size-n {
  font-size: 0.8rem !important;
}
.white-space {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.grey {
  color: #999;
}
.orange {
  color: #fc902d;
}
.blue {
  color: #3299d1;
}
.blue-deep {
  color: #4c8cd9;
}
.bg-white {
  background: #fff;
}
.coffe {
  color: #c99d16;
}
.red {
  color: #e4393c;
}
.border-coffe {
  border: 1px solid #c99d16;
}
.border-t {
  border-top: 1px solid #e5e5e5;
}
.border-b-none {
  border-bottom: none !important;
}
.border-b {
  position: relative;
}
.border-b:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  right: auto;
  top: auto;
  /* height: 1px; */
  width: 100%;
  background-color: #e7e7e7;
  display: block;
  z-index: 15;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .border-b:after {
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
  }
}
.margin-t {
  margin-top: 10px !important;
}
.margin-b {
  margin-bottom: 10px !important;
}
.pad-t{
  padding-top:.5rem;
}
.pad-b{
  padding-bottom: .5rem;
}
.text-l {
  text-align: left;
}
.text-r {
  text-align: right;
}
.text-c {
  text-align: center;
}
.poa{
  position: absolute !important;
}
.ovh{
  overflow: hidden;
}
.ver-align > img,
.ver-align-b > div,
.ver-align > span {
  vertical-align: middle;
}
.ver-align-b > img,
.ver-align-b > div,
.ver-align-b > span {
  vertical-align: sub;
}
/* 标题栏 */
.bar-nav .title {
  font-size: 0.7rem;
  color: #fff;
  /* background-color: #00A1FE; */
  background-color: #e4393c;
}
.bar-nav .title img,
.bar-nav .title span {
  vertical-align: middle;
}
.bar-nav .title img {
  margin-right: 0.5rem;
}
.bar-nav .title span {
  font-size: 0.8rem;
}
.bar:after {
  height: 0;
}
.bar-tab .tab-item.active,
.bar-tab .tab-item:active {
  /* color: #0894ec; */
  color: #e4393c;
}
/* slider */
.swiper-slide img {
  width: 100%;
}
.swiper-container {
  padding-bottom: 0;
}
.swiper-container-horizontal > .swiper-pagination {
  bottom: 0.25rem;
  padding-right: 0.5rem;
  text-align: center;
}
.swiper-pagination-bullet {
  background: #fff;
  opacity: 0.5;
}
.swiper-pagination-bullet-active {
  background: #c99d16;
}
.swiper-text {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding-left: 0.5rem;
  height: 1.7rem;
  line-height: 1.7rem;
  color: #fff;
  font-size: 0.75rem;
  background: rgba(13, 136, 201, 0.5);
}
.img-cell {
  font-size: 0;
}
.img-cell > img {
  width: 23.5%;
  margin: 1%;
}
.img-cell > img:first-child {
  margin-left: 0;
}
.img-cell > img:last-child {
  margin-right: 0;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  /* color:  #3299D1; */
  color: #cbcbcb;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
  /* color: #3299D1; */
  color: #cbcbcb;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  /* color: #3299D1; */
  color: #cbcbcb;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  /* color: #3299D1; */
  color: #cbcbcb;
}

.my-btn span {
  display: inline-block;
  width: 100%;
  line-height: 2rem;
  background: rgb(212, 211, 207);
  color: #fff;
  text-align: center;
}
.my-btn span.active {
  background: #e4393c;
}

.middle-title {
  position: relative;
  text-align: center;
}
.middle-title span {
  position: absolute;
  font-size: 0.8rem;
  left: 33%;
  right: 33%;
  background: #fff;
  z-index: 2;
}
.middle-title:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  background: #e7e7e7;
  left: 0;
  top: 0.55rem;
  z-index: 1;
}

label {
  font-size: 0.75rem;
  cursor: pointer;
}
label i {
  font-size: 0.75rem;
  font-style: normal;
  display: inline-block;
  width: 0.75rem;
  height: 0.75rem;
  text-align: center;
  line-height: 20px;
  color: #bfbfbf;
  vertical-align: middle;
  margin: -2px 2px 1px 0px;
  border: #bfbfbf 1px solid;
  position: relative;
}
input[type='checkbox'],
input[type='radio'] {
  display: none;
}
input[type='checkbox'] + i,
input[type='radio'] + i {
  border-radius: 3px;
}
input[type='checkbox']:checked + i,
input[type='radio']:checked + i {
  background: #e4393c;
  color: #fff;
  border: none;
}
input[type='checkbox']:checked + i:after{
  transform: rotate(45deg);
  position: absolute;
  left: 4.5px;
  top:1px;
  display: table;
  width: 5px;
  height: 9px;
  border:2px solid #fff;
  border-top:0;
  border-left:0;
  content:'';
}

input[type='checkbox']:disabled + i,
input[type='radio']:disabled + i {
  border-color: #ccc;
}
input[type='checkbox']:checked:disabled + i,
input[type='radio']:checked:disabled + i {
  background: #ccc;
}

.border-left {
  border-left: 1px solid #f5f5f5;
}
.border-b {
  border-bottom: 1px solid #f5f5f5;
}

.top-banner {
  width: 100%;
  height: 8rem;
  position: relative;
  background: url('../imgs/img/center_banner.png') no-repeat center center;
}
.top-banner .top-banner-inner {
  overflow: hidden;
  padding-top: 1rem;
  font-size: 0.6rem;
  color: #916e05;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.top-banner .top-banner-inner .avator {
  margin-right: 0.5rem;
}
.top-banner .top-banner-inner .avator img {
  border: 2px solid #fff;
  border-radius: 50%;
}
.top-banner .top-banner-inner .avator-info {
  width: 75%;
}
.top-banner .top-banner-inner .avator-info p {
  padding-top: 0.15rem;
}
.top-banner .top-banner-inner .mark-a-purse {
  position: absolute;
  right: 0.5rem;
}
.top-banner .top-banner-inner .mark-a-purse > div {
  margin-bottom: 0.25rem;
}
.top-banner .top-banner-inner .mark-a-purse img,
.top-banner .top-banner-inner .mark-a-purse span {
  vertical-align: middle;
}
.order-dispaly {
  background-color: #fff;
  margin-top: 0.5rem;
}
.desc-title {
  padding: 0.25rem;
  font-size: 0.8rem;
  border-bottom: 1px solid #f5f5f5;
}
.desc-title .see-all {
  color: #999999;
  font-size: 0.7rem;
}
.desc-title .see-all img {
  vertical-align: middle;
  height: 18px;
  width: 10px;
}
.desc-title,
.order-desc-content {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.order-desc-content > div {
  position: relative;
  color: #b4b4b4;
  font-size: 0.7rem;
  width: 25%;
  text-align: center;
}
.order-desc-content > div > img {
  width: 2.2rem;
  height: 2.2rem;
}
.m-list {
  background-color: #fff;
  padding: 0 0.5rem;
  margin-top: 0.5rem;
}
.m-list ul li {
  padding: 0.5rem 0;
  background: url('../imgs/icon/right.png') no-repeat right center;
  background-size: 10px 18px;
  color: #000;
  font-size: 0.7rem;
}
.m-list ul li img {
  vertical-align: middle;
  margin-right: 0.25rem;
}
.show {
  display: block;
}
.hide {
  display: none;
}
.flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.no-outline {
  outline: none;
  border: 0;
  background-color: transparent;
}
.btn-box {
  width: 100%;
  margin: 1.5rem auto 0 auto;
}

header h1 {
  color: #fff !important;
}
.button-link {
  color: #fff !important;
}

.item-card{
  background-color: #fff;
}
.item-card .item-card-header{
  padding:.25rem .5rem;
  background-color: #f6f7f7;
  font-size: .75rem;
  color:#656263;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.item-card .item-card-header .btn{
  background-color: #e4393c;
  font-size: .5rem;
  color:#fff;
  padding:.1rem .15rem;;
}
.item-card .item-card-header img{
  vertical-align: middle;
}
.item-card .item-card-content{
  padding:.5rem;
  background-color: #fff;
  font-size: .75rem;
  color:#A0A2A4;
  /* background-color: #fff; */
}
.item-card .edit-content{
  font-size: .65rem;
  color: #e4393c;
  padding:.25rem 0;
  margin-left:.5rem;
  border-top:1px solid #ddd;
}
.item-card .item-card-content .item-card-content-item{
  padding:.15rem 0;
}
.item-card .item-card-content .pre-view{
  /*width:2.5rem;*/
  /*height:2.5rem;*/
  color:#999;
  /*background: #f6f7f7;*/
  text-align: center;
  line-height: 2.5rem;
  font-size: .75rem;
}
/*.uploader__files{*/
  /*overflow: hidden;*/
/*}*/
.uploader__file {
  float: left;
  margin-right: 9px;
  margin-bottom: 9px;
  width: 55px;
  height: 55px;
  background: no-repeat 50%;
  background-size: cover;
}
.uploader__input-box {
  float: left;
  position: relative;
  margin-right: 9px;
  margin-bottom: 9px;
  width: 55px;
  height: 55px;
  border: 1px solid #d9d9d9;
}
.uploader__input-box:after, .uploader__input-box:before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  background-color: #d9d9d9;
}
.uploader__input-box:before {
  width: 2px;
  height: 20px;
}
.uploader__input-box:after {
  width: 20px;
  height: 2px;
}
.uploader__input {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.round  label i {
  font-size: 0.75rem;
  font-style: normal;
  display: inline-block;
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 50%;
  text-align: center;
  line-height: 20px;
  color: #bfbfbf;
  vertical-align: middle;
  margin: -2px 2px 1px 0px;
  border: #bfbfbf 1px solid;
}
.round  input[type='checkbox']:checked + i,
input[type='radio']:checked + i {
  background: #e4393c;
  color: #fff;
}
/**信息检查**/
.info-check-tip{
  text-align: center;
  font-size: .65rem;
  color:#e4393c;
}
.info-check-tip span {
  display: inline-block;
}
.info-check-tip .line {
  height:5px;
  width:10px;
  position: relative;
  top:-3px;
  background-color: #e4393c;
}